<<<<<<< HEAD
option = {
    backgroundColor:'#fff',

    tooltip: {
        trigger: 'item',
        formatter: "{a} <br/>{b}: {c} ({d}%)",

    },
    color: ['#33CC99','#e47070', '#55b4e3','#eab2f6', '#ccc' ,'#FF9966'],
    series: [

        {

            type:'pie',
            radius: ['0', '60%'],
            color: ['#c23531','#2F4554','#61A0A8', '#96dcc3', '#5ac59e', '#439476', '#346654'],
            label: {
                normal: {
                    formatter: '{b}\n{d}%'
                },

            },
            selectedMode: 'single',
            data     :[
                {value:1000, name:'道路交通问题',selected:true},
                {value:400, name:'公共设施问题'},
                {value:800, name:'环境污染问题'},
                {value:1200, name:'公共秩序问题'},
            ]
        }
    ]
};


var mychart3 =echarts.init(document.getElementById('charts3'));
=======
option = {
    backgroundColor:'#fff',

    tooltip: {
        trigger: 'item',
        formatter: "{a} <br/>{b}: {c} ({d}%)",

    },
    color: ['#33CC99','#e47070', '#55b4e3','#eab2f6', '#ccc' ,'#FF9966'],
    series: [

        {

            type:'pie',
            radius: ['0', '60%'],
            color: ['#c23531','#2F4554','#61A0A8', '#96dcc3', '#5ac59e', '#439476', '#346654'],
            label: {
                normal: {
                    formatter: '{b}\n{d}%'
                },

            },
            selectedMode: 'single',
            data     :[
                {value:1000, name:'道路交通问题',selected:true},
                {value:400, name:'公共设施问题'},
                {value:800, name:'环境污染问题'},
                {value:1200, name:'公共秩序问题'},
            ]
        }
    ]
};


var mychart3 =echarts.init(document.getElementById('charts3'));
>>>>>>> 64023929a954491135e98eced71561cf8107da2a
mychart3.setOption(option);